<template lang="html">
    <div class="alertBox">
        <p @click="close()">X</p>
    </div>
</template>

<script>
export default {
	methods: {
		close() {
			this.$emit('to-close', 1, '22', {
				id: 3
			});
		}
	}
}
</script>

<style lang="css">
.alertBox{
    width:300px;
    height:300px;
    background: #e0e0e0;
    border:1px solid #333;
    position: relative;
}
.alertBox p{
    width:20px;
    height:20px;
    border-radius: 50%;
    border:1px solid black;
    text-align: center;
    line-height: 20px;
    background: #fff;
    position: absolute;
    top:-10px;
    right:-10px;
}
</style>
